<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3662206_ds7jre7t24n.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3665942_kcr7ib2vgy9.css">
    <link rel="stylesheet" href="./css/left.css">
    <link rel="stylesheet" href="./css/rail.css">
    <link rel="stylesheet" href="./css/modify.css">
    <link rel="stylesheet" href="./font_94ublvqe22a/iconfont.css">
    <style>
        .bg {
            background: url("./img/bgt.jpg") no-repeat;
            background-repeat: no-repeat;
            /* background-attachment: fixed; */
            background-position: top;
        }

        /* .Boxright {

        } */
        #Boxright {
            background-color: rgb(255 255 255) !important;
        }
    </style>
</head>

<body>
  
    <div class="rail">
        <div class="rail_div">
            <ul>
                <li class="rail_li">我的淘宝</li>
                <li>安全中心</li>
            </ul>
            <ul>
                <li > <a href="http://localhost:3000/index.html" style="text-decoration:none;color:white">首页</a>  </li>  
                <li>我的特卖</li>
            </ul>
        </div>
    </div>
    <div class="bg">
        <div class="address">
            <div class="left">
                <p><span>+</span> 我的交易</p>
                <ul>
                    <li>订单管理</li>
                    <li>退换/售后</li>
                    <li style="color:red">收货地址</li>
                    <li>专票抬头</li>
                </ul>
                <p><span class="disNo">+</span> 我的资产</p>
                <ul>
                    <li>零钱</li>
                    <li>唯品金融</li>
                    <li>银行卡</li>
                    <li>唯品卡</li>
                    <li>优惠券</li>
                    <li>唯品币</li>
                </ul>
                <p><span class="disNo">+</span> 我的账户</p>
                <ul class="ulthree">
                    <li>我的资料</li>
                </ul>
            </div>
            <div class="right">
                <div class="content">
                    <p>
                        <span class="span1"><a href="#">我的淘宝 > </a></span>
                        <span>收货地址</span>
                    </p>

                </div>
                <div class="Boxright" id="Boxright">
                    <div class="tail">
                        <div class="tailspan"><span class="tailspan_1">已经保存的收货地址</span>
                            <span class="tailspan_2">您已经创建了 <span style="color: red" class="count"> 9 </span> 个地址，最多创建
                                <span style="color: red">
                                    20 </span> 个</span>
                        </div>
                        <div class="tailBut">新增收货地址</div>

                    </div>

                    <div class="address_div"> </div>
                </div>
                <div class="modify">
                    <p class="modify_p"><span> 新增收货地址</span></p>
                    <div class="modify_address">
                        <p> <i class="iconfont icon-dunpaibaoxianrenzheng_o" style="color:orange"></i>
                            为便于向您交付商品或服务，您需提供收货人姓名、收货地址、收货人手机号码，如您不提供，我们将无法为您提供配送服务。</p>
                        <div class="mform">
                            <form action="#">
                                <label><span>*</span> 收货人 ：</label><input type="text" placeholder="收货人姓名"
                                    class="getname"><br>
                                <label><span>*</span> 手机号 ：</label><input type="text" placeholder="手机号"
                                    class="getphone"><br>
                                <label><span>*</span> 收货时间 ：</label><select name="" id="" class="addss gettime">
                                    <option value="0">周一到周日均可收到货</option>
                                    <option value="1" selected name="周六日，节假日可收货">周六日，节假日可收货 </option>
                                    <option value="2">周一到周五可方便收货</option>

                                </select><br>
                                <label><span>*</span> 收货地址：</label>
                                <select name="" id="sheng" class="adds getsheng">
                                    <option value="100">请选择省</option>
                                </select>
                                <select id="shi" class="adds shi" name="">
                                    <option value="100">请选择市</option>
                                </select>
                                <select id="xian" class="adds xian" name="">
                                    <option value="100" selected>请选择县</option>
                                </select><br>
                                <label><span>*</span> 详细地址 :</label><input type="text" placeholder="详细地址"
                                    class="getanytail">
                                <br> <label><span>*</span> 地址类型：</label>
                                <div class="radioDiv" value="">
                                    <input type="radio" name="srdi" id="" class="radiobj" simulate="done" tag=""
                                        onclick="" value="1"><span>家庭</span>
                                    <input type="radio" name="srdi" id="" class="radiobj" tag=""
                                        onclick=""><span>公司</span>
                                    <input type="radio" name="srdi" id="" class="radiobj" tag=""
                                        onclick=""><span>其他</span> <i class="iconfont icon-wenhao"
                                        style="color:orange;font-weight: bolder;margin-left: 20px;"><span
                                            class="wenhaoSpan">有问题请联系 800-190-347</span>
                                    </i>
                                </div>
                                <br>
                                <div class="form_but">
                                    <!-- <div class="clear">清空</div>
                                    <div class="add">添加</div>
                                    <div class="del">删除信息</div> -->
                                    <button class="butcss clear">清空</button>
                                    <button class="butcss add">添加</button>
                                    <button class="butcss del">删除</button>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <p class="pppppppppp">
        <a href="" class="iconfont icon-shuxian">阿里巴巴集团</a>
        <a href="" class="iconfont icon-shuxian">淘宝网</a>
        <a href="" class="iconfont icon-shuxian">天猫</a>
        <a href="" class="iconfont icon-shuxian">聚划算</a>
        <a href="" class="iconfont icon-shuxian">全球速卖通</a>
        <a href="" class="iconfont icon-shuxian">阿里巴巴国际交易市场</a>
        <a href="" class="iconfont icon-shuxian">1688</a>
        <a href="" class="iconfont icon-shuxian">阿里妈妈</a>
        <a href="" class="iconfont icon-shuxian">飞猪</a>
        <a href="" class="iconfont icon-shuxian">淘小铺</a>
        <a href="" class="iconfont icon-shuxian">阿里云计算</a>
        <a href="" class="iconfont icon-shuxian">AliOS</a>
        <a href="" class="iconfont icon-shuxian">阿里通信</a>
        <a href="" class="iconfont icon-shuxian">一淘</a>
        <a href="" class="iconfont icon-shuxian">万网</a>
        <a href="" class="iconfont icon-shuxian">高德</a>
        <a href="" class="iconfont icon-shuxian">UC</a>
        <a href="" class="iconfont icon-shuxian">友盟</a>
        <a href="" class="iconfont icon-shuxian">阿里安全虾米</a>
        <a href="" class="iconfont icon-shuxian">大麦网</a>
        <a href="" class="iconfont icon-shuxian">钉钉</a>
        <a href="" class="iconfont icon-shuxian">支付宝</a>
        <a href="" class="iconfont icon-shuxian">优酷</a>
        <a href="" class="iconfont icon-shuxian">土豆</a>
        <a href="" class="iconfont icon-shuxian">阿里健康</a>
        <a href="" class="iconfont icon-shuxian">阿里影业</a>
        <a href="" class="iconfont icon-shuxian">阿里体育</a>
        <a href="" class="iconfont icon-shuxian">网商银行</a></p>
        <div>
            <span>浙网文（2019）1033-086号</span>
            <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
            <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
            <span>短消息类服务接入代码使用证书：号【2016】00154-A01</span>
            <span>信息网络传播视听许可证：1109364号</span>
            <span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span>
            <span>浙公网安备 33010002000078号</span>
            <span>广播电视节目制作经营许可证（浙）字第01012号</span>
            <span>市场名称登记证：工商网市字3301004120号</span>
            <span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span>
        </div>
    </footer>
    <!-- 请求Ajax  -->
    <script src="./js/ajax1.js"></script>
    <script src="./js/fn.js"></script>
    <script src="./js/addressTali.js"></script>

    <script>
        window.onload = async function () {
            getARData();  //设置收获地址数据 , 并设置css和js
            getshengdataFN();  //初始化省份的数据
        }
    </script>
</body>
</html>